{extend name='public/base' /}

{block name="content"}
<main class="content" style="min-height: 721px;">

    <div id="category-cloud" class="container chip-container">
        <div class="card">
            <div class="card-content">
                <div class="tag-title center-align">
                    <i class="fas fa-bookmark"></i>&nbsp;&nbsp;友情链接
                </div>
                <div class="tag-chips">

                    {volist name='link' id="v"}

                    <a href="{$v.url}" target="_blank" title="{$v.name}">
                            <span class="chip center-align waves-effect waves-light chip-default categary_color">
                                {$v.name}
                            </span>
                    </a>
                    {/volist}

                </div>
            </div>
        </div>
    </div>

</main>

<script>
    $(function () {
        $(".categary_color").each(function (i) {
            $(this).css({"background": rand_color()});
        })
    });
</script>

{/block}

